<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
		<title> ::: 골프인 :::</title>
		<link rel="stylesheet" type="text/css" href="../css/common.css">
		<script  src="../js/common.js"></script>
		<script  src="../js/jquery.js"></script>
		<script src="../js/jquery.mobile-1.1.0.js"></script>
	</head>

	<body>
		<section id="inc_setup_out" data-role="page" data-theme="d" class="container gray_bg">
			<!--top-->
			<header data-role="header" data-position="fixed">
				<!--top navi-->
				<nav data-role="navbar" data-theme="a" id="top_gnb">
					<ul>
						<li>
							<a id="main_menu_btn" href="#" data-transition="slide"> <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span> </a>
						</li>
						<li>
							<a id="main_noti_btn" href="#" data-transition="slide"> <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span> <!--새글이 있을때만 보이는 new 아이콘--> <span class="ico_navi navi3">new icon</span> </a>
						</li>
					</ul>
				</nav><!-- // id="top_gnb" 끝  -->
			</header><!-- // header  -->

			<!--메인 컨텐츠-->
			<section id="setup_data_section" data-role="content" data-theme="d" class="setup_area">
				<h3>로그인</h3>
				<ul data-role="listview" data-inset="true">
					<li>
						로그인 정보 <span id="setupLoginIdSpan" class="log_id">id_abc123</span>
					</li>
					<li>
						<!--자동로그인-->
						<label for="a1">자동로그인 설정</label>
						<select id="a1" data-role="slider" data-theme="c">
							<!-- id값과 for값이 동일하게 작업하세요!  -->
							<option value="off">Off</option>
							<option value="on">On</option>
						</select>
					</li>
				</ul>

				<h3>알림</h3>
				<ul data-role="listview" data-inset="true">
					<li>
						<!--자동로그인-->
						<label for="b1">알림 설정</label>
						<select id="b1" data-role="slider" data-theme="c">
							<!-- id값과 for값이 동일하게 작업하세요!  -->
							<option value="off">Off</option>
							<option value="on">On</option>
						</select>
					</li>
				</ul>

				<h3>법적고지</h3>
				<ul data-role="listview" data-inset="true">
					<li>
						<a id="setupPopPrivacy" href="#" data-transition="slide">개인정보 취급방침</a>
					</li>
					<li>
						<a id="setupPopAgree" href="#" data-transition="slide">이용약관</a>
					</li>
				</ul>

				<h3>버전정보</h3>
				<ul data-role="listview" data-inset="true">
					<li>
						현재 버전
						<mark>
							1.0.0
						</mark>
					</li>
					<li>
						<a href="#" data-transition="slide">최신 버전
						<mark>
							0.0.0
						</mark></a>
					</li>
				</ul>

				<!--btn-->
				<div class="bt_log">
					<button id="setupLogoutBtn" data-transition="slide" data-theme="a">
						로그아웃
					</button>
				</div>
			</section><!-- // content -->
		</section><!-- // page -->
	</body>
</html>
